﻿@*@model ViewModel.Models.EmpleadoViewModel*@

<script src="@Url.Content("~/Content/Scripts/libs/jquery-1.9.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/Scripts/libs/jquery-migrate-1.1.1.min.js")" type="text/javascript"></script>

@Html.Hidden("urlEmployee", Url.Action("Index", "Employee"))

<script type="text/javascript">
    $(document).ready(function () {
        $("#optHomeMenu").removeClass("current");
        $("#optUserMenu").removeClass("current");
        $("#optHumanResourcesMenu").addClass("current");
        $("#optSupplierMenu").removeClass("current");
        $("#optInventoryMenu").removeClass("current");
        $("#optAccountMenu").removeClass("current");

        $("#breadcrumb").append('<li><a href="@Url.Action("Index", "Home")" title="Inicio">Inicio</a></li>');
        $("#breadcrumb").append('<li><a href="@Url.Action("Index", "HumanResources")" title="Recursos Humanos">Recursos Humanos</a></li>');
        @*$("#breadcrumb").append('<li><a href="@Url.Action("Index", "Employee")" title="Empleados">Empleados</a></li>');*@
    })
</script>

<section class="grid_4">
	<div class="block-border">
        <div class="block-content">
		    <h1>Información del Empleado</h1>
			<div id="pnlEmployee">
		        <div class="fieldset with-legend grey-bg clearfix">
                    <div style="vertical-align: central; text-align: center;">
                        <img id="imgPhoto" src="@Url.Content("~/Content/Images/no_image.jpg")" style="max-height: 300px; max-width: 300px; cursor: pointer;"/>
                        <input id="filePhoto" size="1" type="file" class="datepicker" style="display: none" onchange="UploadPhoto()" />
                        @*@Html.HiddenFor(model => model.foto, new { id = "urlfoto", name = "urlfoto" })*@
                        <h2>Nombre completo del empleado</h2>
                    </div>
		        </div>
				
		        <hr class="no-margin">
				
		        <div class="box block-content form" id="pnlMenuOptions">
                    <h2>Opciones del Expediente</h2>
                    <ul class="simple-list with-icon icon-info">
					    <li id="optPersonalInfo"><a href="@Url.Action("SetModel", "Employee", new { objectID = 1 /*item.idPersona*/ })">Información Personal</a></li>
					    <li id="optContact"><a href="@Url.Action("Contact", "Employee")">Información de Contacto</a></li>
					    <li id="optDependent"><a href="@Url.Action("Dependent", "Employee")">Dependientes</a></li>
					    <li id="optInmigration"><a href="@Url.Action("Inmigration", "Employee")">Inmigración</a></li>
                        <li id="optJob"><a href="@Url.Action("Job", "Employee")">Empleo</a></li>
                        <li id="optSalary"><a href="@Url.Action("Salary", "Employee")">Salario</a></li>
                        <li id="optParameters"><a href="@Url.Action("Parameters", "Employee")">Parámetros de Configuración</a></li>
                        <li id="optEmployeeLeave"><a href="@Url.Action("Leave", "Employee")">Ausencias</a></li>
				    </ul>
	            </div>
            </div>

        </div>
	</div>

</section>
